<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户中心</title>
    <link rel="apple-touch-icon" href="../static/assets/images/favicon.png" type="image/x-icon">
    <link rel="icon" href="../static/assets/images/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="../static/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/assets/css/animation.css">
    <link rel="stylesheet" href="../static/assets/css/base.css">
    <link rel="stylesheet" href="../static/assets/css/website-page.css">
    <link rel="stylesheet" href="../static/assets/css/admin-page.css">
    <link rel="stylesheet" href="../static/components/trumbowyg/ui/trumbowyg.min.css">
    <link rel="stylesheet" href="../static/components/bootstrap-multiselect/bootstrap-multiselect.css">
    <link rel="stylesheet" href="../static/components/dropzone/dropzone.min.css">
</head>
<body class="">
    <div class="wrapper admin-body"><!-- 注意：点击右侧导航收缩按钮时wrapper加类名mini-navbar搜索栏 -->
        <header id="header" class="header pr" role="banner">
             <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
                <div class="navbar-top">
                     <div class="container clearfix">
                        <div class="navbar-left fl">
                           <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span><span class="head_phonetxt"><span class="top_text ml50">当前所在企业：上海市电力公司-国家电网  </span><!-- <span class="top_text ml20">联系电话：138166999999</span> --></span></div>
                        </div>
                        <div class="navbar-right fr">
                          <span class="navbar-login none">
                            <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                            <a href="phone-register.html"><i class="fas fa-sign-in mr5 ml20"></i>注册</a>
                          </span>
                          <!-- 登录后状态 去掉none即可-->
                          <span class="navbar-user "><a href="../用户中心/admin-index.html"><i class="fa fa-user mr10"></i>张三，注册会员，下午好</a><a href="javascript:;" class="loginuser-exit">退出</a></span>
                        </div>
                     </div>
                </div>
                <div class="sticky-wrapper nav-bgcol">
                   <div class="container">
                      <div class="navbar-header clearfix pr">
                         <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                            <span class="fa fa-reorder"></span>
                         </button>
                         <a class="navbar-brand" href="index.html"><img src="../static/assets/images/logo.png" alt=""></a>
                         <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                         <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                         <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                         <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                         <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                           <li><a href="../index.html">首页</a></li>
                           <li class="pr">
                            <a href="#">产品中心</a>
                            <ul class="">
                              <li>
                                <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                              </li>
                              <li>
                                <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                              </li>
                            </ul>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">解决方案</a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">注册管理</a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">互动社区</a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">技术支持</a>
                          </li>
                          <li>
                            <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                          </li>
                        </ul>
                      </div>
                      <div class="collapse navbar-collapse" id="main-navbar-container">
                        <ul class="nav navbar-nav pr hidden-md">
                          <li>
                            <a href="../index.html" class="dropdown-toggle">首页<em>/</em></a>
                          </li>
                          <li class="dropdown">
                            <a href="product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                            <div class="nav-menu-area clearfix">
                              <ul class="single-mega-item">
                                <li class="block">IT监控</li>
                                <li><a href="common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                                <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
                              </ul>
                              <ul class="single-mega-item">
                                <li class="block">IT管理</li>
                                <li><a href="#">BTSM北塔服务管理软件</a></li>
                                <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                                <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                                <li><a href="#">Portal北塔运维门户组件</a></li>
                              </ul>
                            </div>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">解决方案<em>/</em></a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">互动社区<em>/</em></a>
                          </li>
                          <li>
                            <a href="../云端百货/vip-list.html" class="dropdown-toggle">云端百货<em>/</em></a>
                          </li>
                          <li>
                            <a href="#" class="dropdown-toggle">技术支持<em>/</em></a>
                          </li>
                          <li>
                            <a href="../企业账户/admin-index.html" class="dropdown-toggle">企业账户</a>
                          </li>
                        </ul>
                        <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                          <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="circle-red">2</span></button>
                        </div>
                        <!-- <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                          <button type="button" title="购物车" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-shopping-cart"></i></button>
                        </div> -->
                        <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                          <button type="button" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-pencil-square-o"></i></button>
                        </div>
                        <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                          <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                          <div class="search-box">
                            <input type="text" class="search-input">
                            <i class="fa fa-arrow-circle-o-right"></i>
                          </div>
                        </div>
                      </div>
                   </div>
                </div> 
             </nav>
        </header>
        <section class="section gray-section">
            <div class="container clearfix">
                <nav class="navbar-static-side" role="navigation">
                    <div class="sidebar-collapse">
                        <ul class="nav metismenu" id="side-menu">
                            <li class="nav-header">
                                <div class="dropdown profile-element">
                                    <img alt="image" class="rounded-circle" src="../static/assets/images/profile_small.jpg"/>
                                    <div class="nav-right-user">
                                        <a href="admin-index.html">用户中心</a>
                                    </div>
                                </div>
                            </li>
                            <li>
                              <ul class="nav nav-second-level mt20"><!-- 默认隐藏时去掉in -->
                                <!-- <li><a href="account-manage.html">账号管理</a></li> -->
                                <li><a href="my-message.html">我的消息</a></li>
                                <li><a href="my-collection.html">我的收藏</a></li>
                                <li><a href="my-consult.html">我的咨询</a></li>
                                <li><a href="my-answer.html">我的回答</a></li>
                                <!-- <li><a href="my-feedback.html">我的反馈</a></li> -->
                                <li class="active"><a href="my-upload.html">我的上传</a></li>
                                <!-- <li><a href="todo-list.html">待办事项</a></li> -->
                                <li><a href="my-integral.html">个人积分</a></li>
                                <li><a href="personal-setting.html">个人设置</a></li>
                              </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="page-wrapper">
                    <div class="border-bottom page-heading">
                        <div class="page-headbox">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="admin-index.html">首页</a>
                                </li>
                                <li class="breadcrumb-item active">
                                    <strong>我的上传</strong>
                                </li>
                            </ol>
                        </div>
                    </div>
                    <div class="wrapper-content">
                        <div class="page-ibox">
                            <div class="page-ibox-title clearfix">
                                <span class="mt7">我的上传</span>
                            </div>
                            <div class="ibox-content reset-upload-content  reset-my-ibox-content">
                              	<div class="admin-tab">
                                    <ul class="tab-nav">
                                    	<li class="active">待发布</li>
                                      <li>已发布</li>
                                    </ul>
                                  	<div class="tab-cnt">
                                      	<div class="tab_pane">
		                                      <div class="package-tablebox-search clearfix">
	                                            <div class="fl sel-change-item">
	                                            	<button type="button" class="btn btn-blue pr fl load-disabled-btn J_load_modal">
                                                    <span>上传模板</span>
                                                    <!-- <input type="file" class="upload-input J_load_modal"> -->
                                                </button>
	                                            </div>
	                                            <div class="tablebox-search">
	                                                <input type="text" class="form-control input-tabsearch" placeholder="输入关键字搜索">
	                                                <i class="fa fa-search"></i>
	                                            </div>
                                              <div class="fr sel-change-item">
                                                  <select class="form-control">
                                                    <option>兑换模式</option>
                                                    <option>一次兑换，永久授权</option>
                                                    <option>年度兑换，年度授权</option>
                                                  </select>
                                                  <select class="form-control">
                                                    <option>待审核</option>
                                                    <option>审核未通过</option>
                                                    <option>草稿</option>
                                                  </select>
                                              </div>
	                                        </div>
                                      		<div class="tablebox-cnt">
		                                        <table class="table">
		                                            <thead>
		                                                <tr>
		                                                    <!-- 注：如有排序功能加head类名, 升序为sorting-asc类名，降序加sorting-desc类名 -->
		                                                    <th class="head sorting-asc"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>序号</th>
		                                                    <th class="head sorting-desc"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>模板名称</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>商品类目</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>兑换模式</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>下载积分</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>最低环境依赖</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>更新时间</th>
		                                                    <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>审核状态</th>
		                                                    <th>操作</th>
		                                                </tr>
		                                            </thead>
		                                            <tbody>
                                                    <!-- 暂无记录时添加类名none -->
                                                    <tr class="none"><td colspan="9" class="content-null"><img src="../static/assets/images/account/null.png"/>暂无记录</td></tr>
		                                                <tr>
		                                                    <td>001</td>
		                                                    <td>模板名称</td>
		                                                    <td>软件商品</td>
		                                                    <td>一次兑换，永久授权</td>
		                                                    <td>0</td>
		                                                    <td></td>
		                                                    <td>2016/9/20 0:00:01</td>
		                                                    <td><span>待审核</span></td>
		                                                    <td>
		                                                        <div class="table-btn">
		                                                            <a href="javascript:;" class="btn btn-edit">撤回</a>
		                                                        </div>
		                                                    </td>
		                                                </tr>
		                                                <tr>
		                                                    <td>002</td>
		                                                    <td>模板名称</td>
		                                                    <td>软件商品</td>
		                                                    <td>年度兑换，年度授权</td>
		                                                    <td>0</td>
		                                                    <td></td>
		                                                    <td>2016/9/20 0:00:01</td>
		                                                    <td><span class="c_red pr popover-box">审核未通过
                                                                <div class="popover top active">
                                                                    <div class="arrow"></div>
                                                                    <div class="popover-body">理由说明原因理由说明原因理由说明原因理由说明原因</div>
                                                                </div>
                                                            </span></td>
		                                                    <td>
		                                                        <div class="table-btn">
		                                                            <a href="javascript:;" class="btn btn-edit J_eidt_find_mask">编辑</a>
                                                                <a href="javascript:;" class="btn btn-edit">提交审核</a>
                                                                <a href="javascript:;" class="btn btn-enables">删除</a>
		                                                        </div>
		                                                    </td>
		                                                </tr>
		                                                <tr>
		                                                    <td>003</td>
		                                                    <td>模板名称</td>
		                                                    <td>软件商品</td>
		                                                    <td>一次兑换，永久授权</td>
		                                                    <td>500</td>
		                                                    <td></td>
		                                                    <td>2016/9/20 0:00:01</td>
		                                                    <td><span>草稿</span></td>
		                                                    <td>
		                                                        <div class="table-btn">
		                                                            <a href="javascript:;" class="btn btn-edit J_eidt_find_mask">编辑</a>
		                                                            <a href="javascript:;" class="btn btn-edit">提交审核</a>
                                                                <a href="javascript:;" class="btn btn-enables">删除</a>
		                                                        </div>
		                                                    </td>
		                                                </tr>
		                                                <tr>
		                                                    <td>004</td>
		                                                    <td>模板名称</td>
		                                                    <td>软件商品</td>
		                                                    <td>一次兑换，永久授权</td>
		                                                    <td>500</td>
		                                                    <td></td>
		                                                    <td>2016/9/20 0:00:01</td>
		                                                    <td>
                                                            <span class="c_red pr popover-box">审核未通过
                                                                <div class="popover top active">
                                                                    <div class="arrow"></div>
                                                                    <div class="popover-body">理由说明原因理由说明原因理由说明原因理由说明原因</div>
                                                                </div>
                                                            </span>
                                                        </td>
		                                                    <td>
		                                                        <div class="table-btn">
		                                                            <a href="javascript:;" class="btn btn-edit J_eidt_find_mask">编辑</a>
		                                                            <a href="javascript:;" class="btn btn-edit">提交审核</a>
		                                                            <a href="javascript:;" class="btn btn-enables">删除</a>
		                                                        </div>
		                                                    </td>
		                                                </tr>
		                                                <tr>
		                                                    <td>005</td>
		                                                    <td>模板名称</td>
		                                                    <td>软件商品</td>
		                                                    <td>一次兑换，永久授权</td>
		                                                    <td>500</td>
		                                                    <td></td>
		                                                    <td>2016/9/20 0:00:01</td>
		                                                    <td><span>草稿</span></td>
		                                                    <td>
		                                                        <div class="table-btn">
		                                                            <a href="javascript:;" class="btn btn-edit J_eidt_find_mask">编辑</a>
		                                                            <a href="javascript:;" class="btn btn-edit">提交审核</a>
		                                                            <a href="javascript:;" class="btn btn-enables">删除</a>
		                                                        </div>
		                                                    </td>
		                                                </tr>
		                                            </tbody>
		                                        </table>
		                                      </div>
	                                        <div class="foot-paging">
                                              <ul class="pagination clearfix">
                                                <li class="paginate_button first" id="">
                                                    <a href="#">首页</a>
                                                </li>
                                                <li class="paginate_button previous disabled" id="">
                                                    <a href="#">上一页</a>
                                                </li>
                                                <li class="paginate_button active">
                                                    <a href="#">1</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">2</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">3</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">4</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">5</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">6</a>
                                                </li>
                                                <li class="paginate_button next" id="">
                                                    <a href="#">下一页</a>
                                                </li>
                                                <li class="paginate_button last" id="">
                                                    <a href="#">尾页</a>
                                                </li>
                                              </ul>
                                          </div>
                                        
                                      	</div><!--end tab_pane-->
                                        <div class="tab_pane none">
                                          <div class="package-tablebox-search clearfix">
                                              <div class="tablebox-search">
                                                  <input type="text" class="form-control input-tabsearch" placeholder="输入关键字搜索">
                                                  <i class="fa fa-search"></i>
                                              </div>
                                              <div class="fr sel-change-item">
                                                  <select class="form-control">
                                                    <option>兑换模式</option>
                                                    <option>一次兑换，永久授权</option>
                                                    <option>年度兑换，年度授权</option>
                                                  </select>
                                                  <select class="form-control">
                                                    <option>已发布</option>
                                                    <option>已下架</option>
                                                  </select>
                                              </div>
                                          </div>
                                          <div class="tablebox-cnt">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <!-- 注：如有排序功能加head类名, 升序为sorting-asc类名，降序加sorting-desc类名 -->
                                                        <th class="head sorting-asc"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>序号</th>
                                                        <th class="head sorting-desc"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>模板名称</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>商品类目</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>兑换模式</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>下载积分</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>最低环境依赖</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>更新时间</th>
                                                        <th class="head"><i class="fa fa-sort"></i><i class="fa fa-sort-up"></i><i class="fa fa-sort-down"></i>发布状态</th>
                                                        <th>操作</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <!-- 暂无记录时添加类名none -->
                                                    <tr class="none"><td colspan="9" class="content-null"><img src="../static/assets/images/account/null.png"/>暂无记录</td></tr>
                                                    <tr>
                                                        <td>001</td>
                                                        <td>模板名称</td>
                                                        <td>软件商品</td>
                                                        <td>一次兑换，永久授权</td>
                                                        <td>0</td>
                                                        <td></td>
                                                        <td>2016/9/20 0:00:01</td>
                                                        <td><span class="c_green">已发布</span></td>
                                                        <td>
                                                            <div class="table-btn">
                                                                <a href="javascript:;" class="btn btn-edit">申请修改</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>002</td>
                                                        <td>模板名称</td>
                                                        <td>软件商品</td>
                                                        <td>年度兑换，年度授权</td>
                                                        <td>0</td>
                                                        <td></td>
                                                        <td>2016/9/20 0:00:01</td>
                                                        <td><span class="c_green">已发布</span></td>
                                                        <td>
                                                            <div class="table-btn">
                                                                <a href="javascript:;" class="btn btn-edit">申请修改</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>003</td>
                                                        <td>模板名称</td>
                                                        <td>软件商品</td>
                                                        <td>一次兑换，永久授权</td>
                                                        <td>500</td>
                                                        <td></td>
                                                        <td>2016/9/20 0:00:01</td>
                                                        <td><span>已下架</span></td>
                                                        <td>
                                                            <div class="table-btn">
                                                                <a href="javascript:;" class="btn btn-edit">申请修改</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                          </div>
                                          <div class="foot-paging">
                                              <ul class="pagination clearfix">
                                                <li class="paginate_button first" id="">
                                                    <a href="#">首页</a>
                                                </li>
                                                <li class="paginate_button previous disabled" id="">
                                                    <a href="#">上一页</a>
                                                </li>
                                                <li class="paginate_button active">
                                                    <a href="#">1</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">2</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">3</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">4</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">5</a>
                                                </li>
                                                <li class="paginate_button">
                                                    <a href="#">6</a>
                                                </li>
                                                <li class="paginate_button next" id="">
                                                    <a href="#">下一页</a>
                                                </li>
                                                <li class="paginate_button last" id="">
                                                    <a href="#">尾页</a>
                                                </li>
                                              </ul>
                                          </div>
                                        
                                        </div><!--end tab_pane-->
                                  	</div>
                              	</div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer class="footer">
          <div class="footer-copyright">
            <div class="container clearfix">
              <div class="foot-logo">
                <img src="../static/assets/images/logo_foot.png" alt="">
              </div>
              <div class="foot-right fr">
                <ul class="copyright-menu clearfix">
                  <li><a href="#">法律声明</a></li>
                  <li>|</li>
                  <li><a href="#">关于北塔</a></li>
                  <li>|</li>
                  <li><a href="#">联系我们</a></li>
                  <li>|</li>
                  <li><a href="#">会员权益介绍</a></li>
                  <li>|</li>
                  <li><a href="#">管理员创建</a></li>
                  <li>|</li>
                  <li><a href="#">返回首页</a></li>
                </ul>
                <div class="copyright-txt">
                  <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                  <span class="ml20">沪ICP备09033812号</span>
                </div>
              </div>
            </div>
          </div>
        </footer>
    </div>

    <!-- 弹窗 -->
    <div class="modal fade reset-modal-content" id="fileUpload" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">上传场景模板</h4>
                </div>
                <div class="modal-body">
                    <div class="upload-road-main tab_no_padding_box">
                        <div class="admin-tab">
                            <ul class="tab-nav">
                            	<li class="active">基础信息</li>
                            	<li>商品介绍</li>
                            	<li>典型用例</li>
                            </ul>
                            <div class="tab-cnt">
                            	<div class="tab_pane">
                                <div class="tab_add_padding_box">
                                    <ul class="info-grid-lists search-lists">
                                      <li class="clearfix">
                                        <div class="info-grid-tit">商品分类</div>
                                        <div class="info-grid-detail"><span>软件商品</span> > <span>场景模板</span></div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">积分赚取模式</div>
                                        <div class="info-grid-detail"><span>一次兑换，永久授权</span></div>
                                      </li>

                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板标签</div>
                                        <div class="info-grid-detail">
                                          <div class="add-list-btn">
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-up J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有标签或输入新标签">
                                                        <ul class="input-name-select none">
                                                            <li>aaaaa</li>
                                                            <li>bbbbb</li>
                                                            <li>ccccc</li>
                                                        </ul>
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">标签名1</p>
                                                        <p>标签名2</p>
                                                        <p>标签名3</p>
                                                        <p>标签名4</p>
                                                        <p>标签名1</p>
                                                        <p>标签名2</p>
                                                        <p>标签名3</p>
                                                        <p>标签名4</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                标签名标
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                标签名标1
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                          </div>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>每次下载所需积分</div>
                                        <div class="info-grid-detail">
                                          <select class="form-control w-info-grid-select">
                                            <option>0积分</option>
                                          </select>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板名称</div>
                                        <div class="info-grid-detail">
                                          <div class="info-grid-length-in"><input type="text" class="form-control" value="世界您好！"><label>模板名称长度为3-60个字符</label><div>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板概述</div>
                                        <div class="info-grid-detail">
                                          <div class="info-grid-length-in clearfix"><textarea  class="form-control fl"></textarea><label class="h-arae-main fl">模板概述最长不超过100个字符</label><div>
                                        </div>
                                      </li>
                                      <!-- <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板文件</div>
                                        <div class="info-grid-detail">
                                            <div class="select-file-btn">选择本地文件<input type="file" class=""></div>
                                        </div>
                                      </li> -->
                                      <li class="clearfix">
                                        <div class="info-grid-tit">最低环境依赖</div>
                                        <div class="info-grid-detail">
                                          <span>平台版本，DIY工具版本</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">软件大小</div>
                                        <div class="info-grid-detail">
                                            <span>20k(按实际上传的文件自动显示大小)</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">商品版本</div>
                                        <div class="info-grid-detail">
                                            <span>v1.0.0</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">发布范围</div>
                                        <div class="info-grid-detail">
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-r range-line-judge fa fa-map"></span>地域范围：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-1" multiple>
                                                  <optgroup>
                                                      <option value="上海" selected="selected">上海</option>
                                                      <option value="广东" selected="selected">广东</option>
                                                      <option value="北京" selected="selected">北京</option>
                                                      <option value="天津" selected="selected">天津</option>
                                                      <option value="重庆" selected="selected">重庆</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 地域选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="搜索地域城市">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">上海</p>
                                                        <p>广东</p>
                                                        <p>北京</p>
                                                        <p>天津</p>
                                                        <p>重庆</p>
                                                        <p>广西</p>
                                                        <p>辽宁</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                上海
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                广东
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-g range-line-judge fa fa-medkit"></span>行业分类：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-2" multiple>
                                                  <optgroup>
                                                      <option value="电力行业" selected="selected">电力行业</option>
                                                      <option value="医疗行业" selected="selected">医疗行业</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 行业选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="搜索行业分类">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p>政府机关</p>
                                                        <p>大型企业</p>
                                                        <p>金融证券</p>
                                                        <p>交通运输</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                电力行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                医疗行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                政府机关
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                大型企业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                金融证券
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><span class="upload-icon-b range-line-judge fa fa-vcard"></span>企业名称：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <div class="add-list-btn range-line-list-btn none company-main">
                                                  <input type="text" class="form-control ww-input" placeholder="请输入企业名称">
                                              </div>
                                              <!-- <div class="company-main clearfix">
                                                  <select class="form-control ww-sel">
                                                    <option>包含</option>
                                                  </select>
                                                  <input type="text" class="form-control ww-input">
                                              </div> -->
                                            </div>
                                          </div>
                                        </div>
                                      </li>
                                      <!-- 非0积分页面显示，0积分添加类名none -->
                                      <li class="clearfix">
                                        <div class="info-grid-tit">免费范围</div>
                                        <div class="info-grid-detail">
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-r range-line-judge fa fa-map"></span>地域范围：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-3" multiple>
                                                  <optgroup>
                                                      <option value="上海" selected="selected">上海</option>
                                                      <option value="广东" selected="selected">广东</option>
                                                      <option value="北京" selected="selected">北京</option>
                                                      <option value="天津" selected="selected">天津</option>
                                                      <option value="重庆" selected="selected">重庆</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 地域选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有城市或输入新城市">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">上海</p>
                                                        <p>广东</p>
                                                        <p>北京</p>
                                                        <p>天津</p>
                                                        <p>重庆</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                上海
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                广东
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-g range-line-judge fa fa-medkit"></span>行业分类：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-4" multiple>
                                                  <optgroup>
                                                      <option value="电力行业" selected="selected">电力行业</option>
                                                      <option value="医疗行业" selected="selected">医疗行业</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 行业选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有行业或输入新行业">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                电力行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                医疗行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><span class="upload-icon-b range-line-judge fa fa-vcard"></span>企业名称：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <div class="add-list-btn range-line-list-btn none company-main">
                                                  <input type="text" class="form-control ww-input" placeholder="请输入企业名称">
                                              </div>
                                              <!-- <div class="company-main clearfix">
                                                  <select class="form-control ww-sel">
                                                    <option>包含</option>
                                                  </select>
                                                  <input type="text" class="form-control ww-input">
                                              </div> -->
                                            </div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                </div>
                            		
                            	</div>
                            	<div class="tab_pane none">
                                  <div class="wysiwyg-editor-jj"></div> 
                                  
                              </div>
                            	<div class="tab_pane none">
                                  <div class="wysiwyg-editor-li"></div>     
                              </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-blue" data-dismiss="modal">提交审核</button>
                    <button type="button" class="btn btn-gray" data-dismiss="modal">保存草稿</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade reset-modal-content" id="edit-fileUpload" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">上传场景模板</h4>
                </div>
                <div class="modal-body">
                    <div class="upload-road-main tab_no_padding_box">
                        <div class="admin-tab">
                            <ul class="tab-nav pr">
                              <li class="active">基础信息</li>
                              <li>商品介绍</li>
                              <li>典型用例</li>
                              <button type="button" class="btn btn-blue new-load-change-btn load-disabled-btn">
                                  <span>重新上传模板</span>
                                  <input type="file" class="upload-input J_load_modal_new">
                              </button>
                            </ul>
                            <div class="tab-cnt">
                              <div class="tab_pane">
                                <div class="tab_add_padding_box">
                                    <ul class="info-grid-lists search-lists">
                                      <li class="clearfix">
                                        <div class="info-grid-tit">商品分类</div>
                                        <div class="info-grid-detail"><span>软件商品</span> > <span>场景模板</span></div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">积分赚取模式</div>
                                        <div class="info-grid-detail"><span>一次兑换，永久授权</span></div>
                                      </li>

                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板标签</div>
                                        <div class="info-grid-detail">
                                          <div class="add-list-btn">
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-up J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有标签或输入新标签">
                                                        <ul class="input-name-select none">
                                                            <li>aaaaa</li>
                                                            <li>bbbbb</li>
                                                            <li>ccccc</li>
                                                        </ul>
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">标签名1</p>
                                                        <p>标签名2</p>
                                                        <p>标签名3</p>
                                                        <p>标签名4</p>
                                                        <p>标签名1</p>
                                                        <p>标签名2</p>
                                                        <p>标签名3</p>
                                                        <p>标签名4</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                标签名标
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                标签名标1
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                          </div>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>每次下载所需积分</div>
                                        <div class="info-grid-detail">
                                          <select class="form-control w-info-grid-select">
                                            <option>0积分</option>
                                          </select>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板名称</div>
                                        <div class="info-grid-detail">
                                          <div class="info-grid-length-in"><input type="text" class="form-control" value="世界您好！"><label>模板名称长度为3-60个字符</label><div>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板概述</div>
                                        <div class="info-grid-detail">
                                          <div class="info-grid-length-in clearfix"><textarea  class="form-control fl"></textarea><label class="h-arae-main fl">模板概述最长不超过100个字符</label><div>
                                        </div>
                                      </li>
                                      <!-- <li class="clearfix">
                                        <div class="info-grid-tit"><span class="c_red">*</span>模板文件</div>
                                        <div class="info-grid-detail">
                                            <div class="select-file-btn">选择本地文件<input type="file" class=""></div>
                                        </div>
                                      </li> -->
                                      <li class="clearfix">
                                        <div class="info-grid-tit">最低环境依赖</div>
                                        <div class="info-grid-detail">
                                          <span>平台版本，DIY工具版本</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">软件大小</div>
                                        <div class="info-grid-detail">
                                            <span>20k(按实际上传的文件自动显示大小)</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">商品版本</div>
                                        <div class="info-grid-detail">
                                            <span>v1.0.0</span>
                                        </div>
                                      </li>
                                      <li class="clearfix">
                                        <div class="info-grid-tit">发布范围</div>
                                        <div class="info-grid-detail">
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><span class="upload-icon-r range-line-judge fa fa-map"></span>地域范围：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-1" multiple>
                                                  <optgroup>
                                                      <option value="上海" selected="selected">上海</option>
                                                      <option value="广东" selected="selected">广东</option>
                                                      <option value="北京" selected="selected">北京</option>
                                                      <option value="天津" selected="selected">天津</option>
                                                      <option value="重庆" selected="selected">重庆</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 地域选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="搜索地域城市">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">上海</p>
                                                        <p>广东</p>
                                                        <p>北京</p>
                                                        <p>天津</p>
                                                        <p>重庆</p>
                                                        <p>广西</p>
                                                        <p>辽宁</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                上海
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                广东
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-g range-line-judge fa fa-medkit"></span>行业分类：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-2" multiple>
                                                  <optgroup>
                                                      <option value="电力行业" selected="selected">电力行业</option>
                                                      <option value="医疗行业" selected="selected">医疗行业</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 行业选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="搜索行业分类">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p>政府机关</p>
                                                        <p>大型企业</p>
                                                        <p>金融证券</p>
                                                        <p>交通运输</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                电力行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                医疗行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                政府机关
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                大型企业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                金融证券
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><span class="upload-icon-b range-line-judge fa fa-vcard"></span>企业名称：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <div class="add-list-btn range-line-list-btn none company-main">
                                                  <input type="text" class="form-control ww-input" placeholder="请输入企业名称">
                                              </div>
                                              <!-- <div class="company-main clearfix">
                                                  <select class="form-control ww-sel">
                                                    <option>包含</option>
                                                  </select>
                                                  <input type="text" class="form-control ww-input">
                                              </div> -->
                                            </div>
                                          </div>
                                        </div>
                                      </li>
                                      <!-- 非0积分页面显示，0积分添加类名none -->
                                      <li class="clearfix">
                                        <div class="info-grid-tit">免费范围</div>
                                        <div class="info-grid-detail">
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-r range-line-judge fa fa-map"></span>地域范围：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-3" multiple>
                                                  <optgroup>
                                                      <option value="上海" selected="selected">上海</option>
                                                      <option value="广东" selected="selected">广东</option>
                                                      <option value="北京" selected="selected">北京</option>
                                                      <option value="天津" selected="selected">天津</option>
                                                      <option value="重庆" selected="selected">重庆</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 地域选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有城市或输入新城市">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">上海</p>
                                                        <p>广东</p>
                                                        <p>北京</p>
                                                        <p>天津</p>
                                                        <p>重庆</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                上海
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                广东
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-g range-line-judge fa fa-medkit"></span>行业分类：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <!-- <select class="form-control ww-sel J_more_change_select">
                                                <option value="1">全部</option>
                                                <option value="0">属于</option>
                                              </select> -->
                                              <!-- <select id="bs-multiselect-4" multiple>
                                                  <optgroup>
                                                      <option value="电力行业" selected="selected">电力行业</option>
                                                      <option value="医疗行业" selected="selected">医疗行业</option>
                                                  </optgroup>
                                              </select>
                                              <button type="button" class="btn btn-blue">确认</button> -->
                                            </div>
                                            <div class="add-list-btn range-line-list-btn pr none">
                                              <!-- 行业选全部时的按钮遮罩 -->
                                              <!-- <div class="mask-bg"></div> -->
                                              <div class="add-outline-btn pr J_add_label_btns">
                                                <i class="fa fa-plus-circle"></i>
                                                <div class="cog-btndialog cog-arrow-left J_mask_window">
                                                    <div class="pr group-select">
                                                        <input type="text" class="form-control grounp-namesec" maxlength="12" placeholder="选择已有行业或输入新行业">
                                                    </div>
                                                    <div class="cog-input-selct">
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                        <p class="clearfix">电力行业</p>
                                                        <p>医疗行业</p>
                                                    </div>
                                                </div>
                                              </div>
                                              <a href="javascript:;" class="add-outline-primary">
                                                电力行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                              <a href="javascript:;" class="add-outline-primary">
                                                医疗行业
                                                <span class="btnspan-num"><i class="fa fa-remove"></i></span>
                                              </a>
                                            </div>
                                          </div>
                                          <div class="range-line">
                                            <div class="range-line-layout">
                                              <label><em>且</em><span class="upload-icon-b range-line-judge fa fa-vcard"></span>企业名称：</label>
                                              <div class="account-role J_more_change_select">
                                                  <span class="active" data-index="1">全部</span>
                                                  <span data-index="0">属于</span>
                                              </div>
                                              <div class="add-list-btn range-line-list-btn none company-main">
                                                  <input type="text" class="form-control ww-input" placeholder="请输入企业名称">
                                              </div>
                                              <!-- <div class="company-main clearfix">
                                                  <select class="form-control ww-sel">
                                                    <option>包含</option>
                                                  </select>
                                                  <input type="text" class="form-control ww-input">
                                              </div> -->
                                            </div>
                                          </div>
                                        </div>
                                      </li>
                                    </ul>
                                </div>
                                
                              </div>
                              <div class="tab_pane none">
                                  <div class="wysiwyg-editor-jj"></div> 
                                  
                              </div>
                              <div class="tab_pane none">
                                  <div class="wysiwyg-editor-li"></div>     
                              </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-blue" data-dismiss="modal">提交审核</button>
                    <button type="button" class="btn btn-gray" data-dismiss="modal">保存草稿</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade reset-modal-content" id="J_load_verifyFail" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">上传场景模板</h4>
                </div>
                <div class="modal-body">
                    <div class="verify-content">
                        <p class="verify-tit">已上传的场景模板：<span>无</span></p>
                        <div class="">
                            <form id="demo-dropzone-file" action="#" class="dropzone dropzone-pd-h hover-color">
                                <div class="dz-default dz-message">
                                    <div class="dz-icon">
                                        <i class="fa fa-cloud-upload icon-3x icon-color"></i>
                                    </div>
                                    <div>
                                        <span class="dz-text">拖住文件到此处或点击选择文件上传场景模板</span>
                                    </div>
                                </div>
                                <div class="fallback">
                                    <input name="file" type="file" accept="*">
                                </div>
                            </form>
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-gray" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-blue J_doule_laod_mask" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade reset-modal-content" id="J_load_edit_verifyFail" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">上传场景模板</h4>
                </div>
                <div class="modal-body">
                    <div class="verify-content">
                        <p class="verify-tit">已上传的场景模板：<span class="name">数据可视化DIY工具1.0</span></p>
                        <div class="">
                            <form id="demo-dropzone-file-edit" action="#" class="dropzone dropzone-pd-h hover-color">
                                <div class="dz-default dz-message">
                                    <div class="dz-icon">
                                        <i class="fa fa-cloud-upload icon-3x icon-color"></i>
                                    </div>
                                    <div>
                                        <span class="dz-text">拖住文件到此处或点击选择文件重新上传场景模板</span>
                                    </div>
                                </div>
                                <div class="fallback">
                                    <input name="file" type="file" accept="*">
                                </div>
                            </form>
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-gray" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-blue J_doule_laod_edit_mask" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>
    
    <script type="text/javascript" src="../static/assets/js/jquery.js"></script>
    <script type="text/javascript" src="../static/components/bootstrap.min.js"></script>
    <script type="text/javascript" src="../static/components/trumbowyg/trumbowyg.min.js"></script>
    <script type="text/javascript" src="../static/components/bootstrap-multiselect/bootstrap-multiselect.js"></script>
    <script type="text/javascript" src="../static/components/popper/popper.min.js"></script>
    <script type="text/javascript" src="../static/components/dropzone/dropzone.min.js"></script>
    <script type="text/javascript">
        $(".upload-road-main .tab-nav li").on("click",function(){
          $(".upload-road-main .tab-nav li").removeClass("active");
          $(this).addClass("active")
          var index = $(this).index();
          $(this).closest(".admin-tab").find(".tab-cnt .tab_pane").addClass("none").eq(index).removeClass("none");
        });
        $('.wysiwyg-editor-jj').trumbowyg();
        $('.wysiwyg-editor-li').trumbowyg();

        $(".J_add_label_btns").on("click",function(e){
            var height = $(this).find(".cog-btndialog").outerHeight();
            var top = -(height - $(this).outerHeight())/2 + "px";
            // 浮窗出现
            if($(this).find(".cog-btndialog").hasClass('cog-arrow-left')){
                $(this).find(".cog-btndialog").css({
                    "top": top
                });
            }
            var self = $(this);
            if($(this).find('.cog-btndialog').is(':hidden')){
                $('.cog-btndialog').hide();
                $(this).find('.cog-btndialog').show();
            }else{
                $(this).find('.cog-btndialog').hide();
            }
            $(document).one("click", function(){
                self.find('.cog-btndialog').hide();
            });
            e.stopPropagation();
        });

        $(".cog-btndialog").on("click",function(e){
            var self = $(this);
            $(this).show();
            $(document).one("click", function(){
                self.hide();
            });
            e.stopPropagation();
        });
        $(".grounp-namesec").on("click",function(e){
            $(".input-name-select").show();             
            $(document).one("click",function(){
                $(".input-name-select").hide();
            });
            e.stopPropagation();
        });

        $(".input-name-select").on("click", "li", function(){
            var c = $(this).html();
            $(".grounp-namesec").val(c);
            $(".input-name-select").hide();
        });

        $('#bs-multiselect-1,#bs-multiselect-2,#bs-multiselect-3,#bs-multiselect-4').multiselect({
            enableClickableOptGroups: false,
            enableCollapsibleOptGroups: false,
            enableFiltering: false,
            includeSelectAllOption: true,
            buttonWidth: 200,
            maxHeight: 400,
            dropUp: false,
            nonSelectedText: '请选择',
              // filterPlaceholder: '搜索标签',
        });

        $('.btn-group').on("click",function(e){
            if($(this).hasClass("open")){
              $(this).find('.dropdown-menu').removeClass('show');
              $(this).removeClass("open");
            }else{
              $('.dropdown-menu').removeClass('show');
              $(this).find('.dropdown-menu').addClass('show');
              $(this).addClass("open");
            }
            $(document).one("click", function(){
                $(this).find('.dropdown-menu').removeClass('show');
            });
            e.stopPropagation();
        })

        // $('.J_more_change_select').change(function(){
        //   var val = $(this).val();
        //   if(val == '1'){
        //     $(this).parents('.range-line').find('.mask-bg').removeClass('none');
        //   }else{
        //     $(this).parents('.range-line').find('.mask-bg').addClass('none')
        //   }
        // });
        $('.J_more_change_select').on('click','span',function(){
            var index = $(this).attr('data-index');
                $(this).addClass('active').siblings().removeClass('active');
            if(index == '1'){
                $(this).parents('.range-line').find('.add-list-btn').addClass('none');
            }else{
                $(this).parents('.range-line').find('.add-list-btn').removeClass('none');
            }
        });

        $('.J_load_modal').on('click',function(){
            // var html = '<i class="fa fa-spinner load-icon"></i>读取中...'
            // $(this).attr('disabled','disabled').parents('.btn').attr('disabled','disabled').find('span').html(html);
            // 正式环境不需要下面的效果
            $('#J_load_verifyFail').modal("show");
            // setTimeout(function(){
              // $('#J_load_verifyFail').modal("show");
              // $('#fileUpload').modal("show");
              // $('.J_load_modal').removeAttr('disabled').parents('.btn').removeAttr('disabled').find('span').html('上传模板');
            // },2000);
        });
        $('.J_doule_laod_mask').click(function(){
            $('#fileUpload').modal("show");
        });

        $('.J_mask_window').on('click','.cog-input-selct p',function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')

            }else{
                $(this).addClass('active')
            }
        });

        $('.J_eidt_find_mask').on('click',function(){
          $('#J_load_edit_verifyFail').modal("show");
        });
        $('.J_doule_laod_edit_mask').on('click',function(){
          $('#fileUpload').modal("show");
        });

        $('.J_load_modal_new').on('change',function(){
            var html = '<i class="fa fa-spinner load-icon"></i>读取中...'
            $(this).attr('disabled','disabled').parents('.btn').attr('disabled','disabled').find('span').html(html);
            // 正式环境不需要下面的效果
            setTimeout(function(){
              $('.J_load_modal_new').removeAttr('disabled').parents('.btn').removeAttr('disabled').find('span').html('重新上传模板');
            },2000);
        });
        $('#demo-dropzone-file').dropzone({
            url: '/file/post',   //必要参数，文件的上传地址；
            uploadMultiple:false,
            autoProcessQueue: false,
            addRemoveLinks: true,
            // acceptedFiles:'.png',
            dictRemoveFile : "删除文件",
            // thumbnailWidth:"100",
            // thumbnailHeight:"100",
            parallelUploads: '1',
            maxFiles: '1',
            dictResponseError: '文件上传失败!',
            // dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.png。",
            dictFallbackMessage:"浏览器不受支持",
            dictFileTooBig:"文件过大上传文件最大支持.",
            dictMaxFilesExceeded:"不能再上传任何文件！",
            init: function() {
                var myDropzone1 = this;
                myDropzone1.on('maxfilesexceeded', function(file) {
                    this.removeAllFiles();
                    this.addFile(file);
                });
            }
        });
        $('#demo-dropzone-file-edit').dropzone({
            url: '/file/post',   //必要参数，文件的上传地址；
            uploadMultiple:false,
            autoProcessQueue: false,
            addRemoveLinks: true,
            // acceptedFiles:'.png',
            dictRemoveFile : "删除文件",
            // thumbnailWidth:"100",
            // thumbnailHeight:"100",
            parallelUploads: '1',
            maxFiles: '1',
            dictResponseError: '文件上传失败!',
            // dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.png。",
            dictFallbackMessage:"浏览器不受支持",
            dictFileTooBig:"文件过大上传文件最大支持.",
            dictMaxFilesExceeded:"不能再上传任何文件！",
            init: function() {
                var myDropzone1 = this;
                myDropzone1.on('maxfilesexceeded', function(file) {
                    this.removeAllFiles();
                    this.addFile(file);
                });
            }
        });
        $(".tab-nav li").on("click",function(){
          $(".tab-nav li").removeClass("active");
          $(this).addClass("active")
          var index = $(this).index();
          $(this).closest(".admin-tab").find(".tab-cnt .tab_pane").addClass("none").eq(index).removeClass("none");
        });
        
    </script>
</body>
</html>
